From 3be85cc511220725bfff7add3a6cb4927f73b15c Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Wed, 25 Sep 2024 12:50:46 -0700
Subject: invoice fixes

---
 src/routes/(app)/invoice/[id]/+layout@.svelte | 115 ++++++++++++++++++++++++++
 1 file changed, 115 insertions(+)
 create mode 100644 src/routes/(app)/invoice/[id]/+layout@.svelte

(limited to 'src/routes/(app)/invoice/[id]/+layout@.svelte')

diff --git a/src/routes/(app)/invoice/[id]/+layout@.svelte b/src/routes/(app)/invoice/[id]/+layout@.svelte
new file mode 100644
index 00000000..db14b046
--- /dev/null
+++ b/src/routes/(app)/invoice/[id]/+layout@.svelte
@@ -0,0 +1,115 @@
+<script>
+  import { SvelteToast } from "@zerodevx/svelte-toast";
+  import { onDestroy, onMount } from "svelte";
+  import { close, connect, send } from "$lib/socket";
+  import {
+    last,
+    invoice,
+    request,
+    ndef,
+    passwordPrompt,
+    password,
+    pin,
+  } from "$lib/store";
+  import { page } from "$app/stores";
+  import { browser } from "$app/environment";
+  import LoadingSplash from "$comp/LoadingSplash.svelte";
+  import AppHeader from "$comp/AppHeader.svelte";
+  import Invoice from "$comp/Invoice.svelte";
+  import Password from "$comp/Password.svelte";
+  import { getCookie, warning, protectedRoutes } from "$lib/utils";
+  import { t, locale, loading } from "$lib/translations";
+  import { goto, onNavigate } from "$app/navigation";
+
+  export let data;
+
+  let { generate, rate, user, subject, token, rates } = data;
+
+  $: update(data);
+  let update = (data) => {
+    ({ rate, user, subject, token, rates } = data);
+  };
+
+  onMount(async () => {
+    if (browser) {
+      checkSocket();
+      $pin = getCookie("pin");
+
+      if (window.NDEFReader && user.nfc) {
+        try {
+          $ndef = new NDEFReader();
+          await $ndef.scan();
+
+          $ndef.addEventListener("readingerror", (e) => {
+            console.log("nfc error", e);
+          });
+
+          $ndef.addEventListener("reading", ({ message, serialNumber }) => {
+            goto(`/send/${message}`);
+          });
+        } catch (error) {
+          console.log("Argh! " + error);
+        }
+      }
+    }
+  });
+
+  $: browser && connect(token);
+
+  let lost,
+    checkTimer,
+    expireTimer,
+    counter = 0;
+
+  let checkSocket = () => {
+    counter++;
+    lost = Date.now() - $last > 30000;
+    if (lost) connect(token);
+    if (counter > 5) {
+      send("heartbeat", token);
+      counter = 0;
+    }
+
+    checkTimer = setTimeout(checkSocket, 1000);
+  };
+
+  onDestroy(() => {
+    if (browser) {
+      close();
+      clearTimeout(checkTimer);
+      clearTimeout(expireTimer);
+    }
+  });
+</script>
+
+{#if browser && user && $passwordPrompt}
+  <Password {user} />
+{/if}
+
+<svelte:head>
+  {#if subject}
+    <title>coinos - {subject.username}</title>
+    <meta name="lightning" content={`lnurlp:${subject.username}@coinos.io`} />
+  {:else}
+    <title>coinos</title>
+  {/if}
+
+  {#if subject?.profile}
+    <meta name="og:image" content={`/api/public/${subject.profile}.webp`} />
+  {:else}
+    <meta property="og:image" content="/images/logo.webp" />
+  {/if}
+</svelte:head>
+
+<SvelteToast options={{ reversed: true, intro: { y: 192 } }} />
+
+<main class="pb-20">
+  <AppHeader {user} {subject} />
+  {#if !$loading}
+    <slot />
+  {/if}
+</main>
+
+{#if $invoice}
+  <Invoice {user} />
+{/if}
-- 
cgit v1.2.3